<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>16 - 定时器(延迟函数)</title>
</head>
<body>
    <script>

        // A. 定时器
        // ☛ 语法: 
        //        setInterval(function() {
        //            逻辑代码;
        //        }, 时间间隔);             // 时间间隔的单位是毫秒
                                            // 1000毫秒 = 1秒

        // B. 停止定时器    
        // 语法:     
        // ☛   clearInterval(定时器编号);


        // 代码演示:
        let timeID =  setInterval(function(){
            console.log('我是定时器中的代码');
        }, 1000);
        // 停止定时器 
        // clearInterval(timeID);





        // B. 延迟函数
        // 语法:     
        // ☛   setTimeout(function(){}, 延迟时间);

        // 代码演示:
        let id =  setTimeout(function(){
            console.log('呵呵呵');
        }, 3000)
        // 停止延迟函数
        // clearTimeout(id);



        // 延迟函数和定时器中的 this 都指向 window


    </script>
</body>
</html>